<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <base href="<%=basePath%>">
<title>歌手榜单</title>
<link href="css/homepage.css" rel="stylesheet" type="text/css">
<link href="css/singer.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="js/singer1.js" charset="gb2312"></script>
<script language="JavaScript" type="text/javascript" src="js/singer2.js" charset="gb2312"></script>

<style type="text/css">
<!--




}
-->
</style>
</head>
<body >



 <div id="tittle">
   <div id="tittletop">
    <div  id="tittlemain">

      <div id="logo">
	   <ul>
	   <li> <a  title="忘忧校园音乐平台" href="index.jsp"><img src="images/logo.gif" width="180" height="57" ></a> </li>
	   </ul>
	 </div>

	 <div id="menu" >
	   <ul>

        <li ><a href="singer.jsp"><strong>歌手 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_albumUI" namespace="/user"/>"><strong>专辑 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_listenUI" namespace="/user"/>"><strong>随便听听</strong></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp				 
			 <a href="<s:url action="manage_addUI" namespace="/user"/>"><strong>快速注册</strong></a>&nbsp&nbsp&nbsp&nbsp	
		<div id="us">	 		 
	<s:if test="#request.suc==null">
    <a id ="bo" href="<s:url action="login_loginUI" namespace="/user"/>"><strong>登陆</strong></a>	
</s:if>
<s:else>
    <h1 style="font-size:15px;font-family:Verdana"><font color="red" id="log"><s:property value="#request.suc"/> </font></h1>
</s:else>
</div>

        </li>
	  </ul>
	 </div>
	 
    


    

  </div>
  </div>
  </div>




<div class="tab">

     <div id="bqleft">
	
	  <div id="bg" class="xixi1" style="text-align:center">
		<div id="font1" class="tab1" onclick="setTab03Syn(1);document.getElementById('bg').className='xixi1'">港台歌手</div>
		<div id="font2" class="tab2" onclick="setTab03Syn(2);document.getElementById('bg').className='xixi2'">内地歌手</div>
		<div id="font3" class="tab3" onclick="setTab03Syn(3);document.getElementById('bg').className='xixi3'">欧美歌手</div>
		<div id="font4" class="tab4" onclick="setTab03Syn(4);document.getElementById('bg').className='xixi4'">日韩歌手</div>
		<div id="font5" class="tab5" onclick="setTab03Syn(5);document.getElementById('bg').className='xixi5'">推荐歌手</div>
	  </div>
     
	   <div id="newstar">
        <li><span style="display:block;font-size:17px;text-align:center;height:30px;line-height:30px;">今日之<span style="font-size:18px;color:#ff9900"><b>星</b></span></span></li>
          <div id="newstarinfo">
             <div id="newstarpic">
               <a><img src="images/singer001.jpg"width="172px" height="172px"></a>
			 </div>
			 <div id="newstarinformation">
			 <li style="font-size:17px;"><b>孟庭苇</b></li>
			
			    <div  style="float:left;margin-left:30px;padding-top:6px;height:25px;line-height:25px"><img src="images/like1.jpg" width="30" height="25" id="img1" onmouseover="onover()" onclick="clickchange();onout1();document.getElementById('count1').innerHTML=parseInt(document.getElementById('count1').innerHTML)+1"/></div>
			    <div  style="padding-left:120px;padding-top:6px;height:25px;line-height:25px"><img src="images/dislike1.jpg" width="30" height="25" id="img2" onmouseover="onover1()"  onclick="clickchange1();onout();document.getElementById('count2').innerHTML=parseInt(document.getElementById('count2').innerHTML)+1"/></div>
                <span style="display:block;padding-top:10px;margin-left:14px;font-size:13px"><a>喜欢(<span id="count1">10000</span>)</a>&nbsp&nbsp<a>不喜欢(<span id="count2">20</span>)</a></span>
				<span style="display:block;margin-top:8px;font-size:13px;font-family:宋体;"><li><a style="color:#666666">地区：<a>中国台湾</li>
				<li><a style="color:#666666">简介：</a>孟庭苇本名陈秀玫，台湾女歌手。于1990年开始步入歌坛...<span class="gengduo"><a href="singerinfo.jsp">更多></a>
				</span></li></span>
			 </div>
		  </div>
	   </div>
    </div>
	
    <div id="TabTab03Con1">
	  <div id="mansinger">
	   <span style="line-height:30px;font-size:18px;text-align:center"><li>男歌手</li></span>
	   <div class="parta">
	   <div class="zimu"><b>A</b></div>
	   <div class="singerlist">
       <ul>
     
         <li><a  href=""title="阿穆隆">阿穆隆</a></li>
         <li><a  href=""title="艾尔肯">艾尔肯</a></li>
         <li><a  href=""title="阿木安琥">阿木安琥</a></li>
         <li><a  href=""title="阿华">阿华 </a></li>
         <li><a  href=""title="阿清">阿清</a></li>
         <li><a  href=""title="阿宝">阿宝</a></li>
         <li><a  href=""title="阿龙正罡">阿龙正罡</a></li>
         <li><a  href=""title="阿Ben">阿Ben</a></li>
         <li><a  href=""title="艾斯卡尔">艾斯卡尔</a></li>
         <li><a  href=""title="阿勇泽让">阿勇泽让</a></li>
         <li><a  href=""title="阿爆">阿爆 </a> </li>
         <li><a  href=""title="安东阳">安东阳</a></li>
         <li><a  href=""title="安宇">安宇</a></li>
         <li><a  href=""title="安旭">安旭</a></li>
         <li><a  href=""title="阿温">阿温</a></li>
         <li><a  href=""title="阿飞">阿飞</a></li>
         <li><a  href=""title="阿涛">阿涛</a></li>
         <li><a  href=""title="阿浩">阿浩</a></li>
         <li><a  href=""title="阿袈">阿袈</a></li>
     </ul>


			 
          

       </div>
       	   <div class="singerlist" style="border-right:1px solid #dfdfdf">
	       <li><a  href=""title="阿任">阿任</a></li>
           <li><a  href=""title="安明亮">安明亮</a></li>
           <li><a  href=""title="Ai King">Ai King</a></li>
           <li><a  href=""title="敖令">敖令</a></li>
           <li><a  href=""title="安东">安东</a></li>
           <li><a  href=""title="阿里">阿里</a></li>
           <li><a  href=""title="阿赛">阿赛</a></li>
           <li><a  href=""title="艾俊龙">艾俊龙</a></li>
           <li><a  href=""title="阿淡">阿淡</a></li>
           <li><a  href=""title="阿泽">阿译</a></li>
           <li><a  href=""title="阿国">阿国</a></li>
           <li><a  href=""title="ACE小虎">ACE小虎</a></li>
           <li><a  href=""title="阿拉腾傲刀">阿拉腾傲刀</a></li>
        
           <li><a  href=""title="阿舟">阿舟</a></li>
           <li><a  href=""title="阿科">阿科</a></li>
           <li><a  href=""title="艾克拜尔">艾克拜尔</a></li>
           <li><a  href=""title="安康">安康</a></li>
           <li><a  href=""title="AJ张杰">AJ张杰</a></li>
           <li><a  href=""title="艾军">艾军</a></li>
       </div>
	   </div>
	 
	     
	     <div class="zimu"><li><b>B</b></li></div>
         

		    <div class="singerlist">
	       <li><a  href=""title="白丁">白丁</a></li>
           <li><a  href=""title="拜尔">拜尔</a></li>
           </div>
		   <div class="singerlist" style="border-right:1px solid #dfdfdf">
	       <li><a  href=""title="边疆">边疆</a></li>
           <li><a  href=""title="布川">布川</a></li>
           </div>
	    </div>

	 <div id="womansinger">

          <span style="line-height:30px;font-size:18px;text-align:center;"><li>女歌手</li></span>
	   <div class="zimusinger">
	   <div class="zimu"><li><b>A</b></li></div>
	   <div class="singerlist">

     
<li><a  href=""title="阿穆隆">阿穆隆</a></li>
<li><a  href=""title="艾尔肯">艾尔肯</a></li>
<li><a  href=""title="阿木安琥">阿木安琥</a></li>
<li><a  href=""title="阿华">阿华 </a></li>
<li><a  href=""title="阿清">阿清</a></li>
<li><a  href=""title="阿宝">阿宝</a></li>
<li><a  href=""title="阿龙正罡">阿龙正罡</a></li>
<li><a  href=""title="阿Ben">阿Ben</a></li>
<li><a  href=""title="艾斯卡尔">艾斯卡尔</a></li>
<li><a  href=""title="阿勇泽让">阿勇泽让</a></li>
<li><a  href=""title="阿爆">阿爆 </a> </li>
<li><a  href=""title="安东阳">安东阳</a></li>
<li><a  href=""title="安宇">安宇</a></li>
<li><a  href=""title="安旭">安旭</a></li>
<li><a  href=""title="阿温">阿温</a></li>
<li><a  href=""title="阿飞">阿飞</a></li>
<li><a  href=""title="阿涛">阿涛</a></li>
<li><a  href=""title="阿浩">阿浩</a></li>
<li><a  href=""title="阿袈">阿袈</a></li>



			 
          

       </div>
       	   <div class="singerlist" >
	         <li><a  href=""title="阿任">阿任</a></li>
           <li><a  href=""title="安明月">安明亮</a></li>
           <li><a  href=""title="Ai King">Ai King</a></li>
           <li><a  href=""title="敖令">敖令</a></li>
           <li><a  href=""title="安东">安东</a></li>
           <li><a  href=""title="阿里">阿里</a></li>
           <li><a  href=""title="阿赛">阿赛</a></li>
           <li><a  href=""title="艾俊龙">艾俊龙</a></li>
           <li><a  href=""title="阿淡">阿淡</a></li>
           <li><a  href=""title="阿泽">阿译</a></li>
           <li><a  href=""title="阿国">阿国</a></li>
           <li><a  href=""title="ACE小虎">ACE小虎</a></li>
           <li><a  href=""title="阿拉腾傲刀">阿拉腾傲刀</a></li>
        
           <li><a  href=""title="阿舟">阿舟</a></li>
           <li><a  href=""title="阿科">阿科</a></li>
           <li><a  href=""title="艾克拜尔">艾克拜尔</a></li>
           <li><a  href=""title="安康">安康</a></li>
           <li><a  href=""title="AJ张杰">AJ张杰</a></li>
           <li><a  href=""title="艾军">艾军</a></li>
          </div>
          <div class="zimu"><li><b>B</b></li></div>
		  <div class="singerlist">
	       <li><a  href=""title="白丁">白丁</a></li>
           <li><a  href=""title="拜尔">拜尔</a></li>
	     </div>
		 <div class="singerlist">
	       <li><a  href=""title="边疆">边疆</a></li>
           <li><a  href=""title="布川">布川</a></li>
          </div>
	</div>
	 </div>
	
	</div>


	<div id="TabTab03Con2" style="display:none">这里是内地歌手</div>
    <div id="TabTab03Con3" style="display:none">这里是欧美歌手</div>
    <div id="TabTab03Con4" style="display:none">这里是日韩歌手</div>
    <div id="TabTab03Con5" style="display:none">这里是推荐歌手</div>

</div>


</body>
</html>